<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script>
        // XML   已经被淘汰了 
        // json数据 (json类型的字符串)  前后端交互的一种轻量级的数据形式  (字符串)  
        // 对象和数组组成 嵌套组成  
        // 基本组成数据格式  字符串   数字  boolean  null 数组 对象  ( undefined function 不能使用  )

        // [{},{},{},{}]
        //  {}
        
        // 本地的对象 
        var person = {
            "name":"李四",
            "age":18,
            hobby:['sing',"dance"],
            grade:{
                chinese:55,
                math:66,
                englist:88
            },
            isVip:true
        }

        var str = JSON.stringify(person)   // json 数据(服务器端返回的就是 json 类型的字符串 )
        console.log(str) 

        // 前端 接收到 服务器端发来的 json 字符串数据  ==> 需要转化为数组或者对象 
        var data = JSON.parse(str)
        console.log(data)
        
    </script>
</body>
</html>